<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>汤山社会治理数据采集系统</title>
	<link rel="stylesheet" type="text/css" href="css/example.css?v=1.0" />
	<link rel="stylesheet" type="text/css" href="css/weui.min.css?v=1.0" />
	<link rel="stylesheet" type="text/css" href="css/element-ui.css?v=1.0" />
	<link rel="stylesheet" type="text/css" href="css/public.css?v=3.0" />
	<link rel="stylesheet" type="text/css" href="css/placeManagement.css?v=3.0" />
</head>

<body>
	<div id="errorTip"></div>
	<div id="main">
		<div v-cloak class="ub-topContent">
			<!-- 个人昵称 -->
			<div class="ub-current">
				<span style="padding-top: 5px;">
					<img src="images/nike.png">
				</span>
				<span v-cloak>{{userInfo.nickname}}</span>
			</div>
			<div class="ub-searchContent">
				<!-- 筛选 -->
				<div @click="isShow = true" class="ub-screening">
					<span>筛选</span>
					<img src="images/placesCreening.png">
				</div>
				<!-- 搜索 -->
				<div class="ub-search">
					<img src="images/placeSearch.png">
					<input v-model="obj.keywords" type="text" placeholder="输入您的搜索内容">
					<a role="button" @click="getMyPlaceList()" class="weui-btn weui-btn_primary">搜索</a>
				</div>
			</div>
		</div>
		<!-- 新增，导出按钮 -->
		<div v-cloak class="ub-addBtn">
			<div @click="exportBtn()">
				<img src="images/exportBtn.png">
				导出
			</div>
			<div @click="goAddPlace()">
				<img src="images/addBtn.png">
				新增
			</div>
		</div>
		<div v-cloak class="ub-placeDetail">
			<!-- 个人新增场所数量 -->
			<div class="ub-placeDetailTitle">
				<div class="ub-placeDetailTitle-left">
					<div>全部</div>
					<div v-cloak>{{total}}条信息</div>
				</div>
			</div>
			<div class="ub-line"></div>
			<!-- 个人新增场所列表 -->
			<div class="ub-placeDetail-content">
				<div class="ub-placeDetail-layout" v-for="item in myPlaceList" :key="item.id">
					<div class="ub-layout-left">
						<div class="ub-place9" v-cloak>
							<div class="ub-place-Title">{{item.place_name}}</div>
							<div v-if="item.is_small_place == 1">
								<img style="width: 30px;" src="images/place9xiao.png">
							</div>
						</div>
						<!-- <p v-cloak>{{item.place_name}}</p> -->
						<div>
							<img src="images/placeLocation.png">
							<p v-cloak>{{item.address}}</p>
						</div>
						<div class="ub-upoutTime">
							<span>上传时间：</span>
							<span v-cloak>{{item.create_time}}</span>
						</div>
						<div class="ub-location" v-if="item.has_location == 1">
							距您 {{item.distance}}
						</div>
						<div class="ub-layout-no">
							<div class="ub-noLocation" v-if="item.has_location == 0">无定位</div>
							<div class="ub-noImages" v-if="item.has_images == 0">无相片</div>
							<div class="ub-noNote" v-if="item.has_remark == 0">无备注</div>
						</div>
					</div>
					<div class="ub-btn">
						<a style="background: #d2d2d2;" @click="detelePlace(item.id)" role="button"
							class="weui-btn weui-btn_primary">删除</a>
						<a @click="goPlaceEditor(item.id)" role="button" class="weui-btn weui-btn_primary">编辑</a>
					</div>
				</div>
				<div class="ub-nodata" v-if="myPlaceList.length == 0" v-cloak>
					<img src="./images/noData.png" alt="">
				</div>
			</div>
		</div>
		<!-- 删除确认弹窗 -->
		<div v-cloak v-if="showLoading" style="text-align: center;"><i class="el-icon-loading"></i></div>
		<el-dialog v-cloak title="提示" :visible.sync="isDetele" width="95%" style="border-radius: 8px;"
			:show-close="false" center>
			<div style="text-align: center;">确认删除?</div>
			<span slot="footer" class="dialog-footer">
				<el-button style="width: 30%" @click="isDetele = false">取 消</el-button>
				<el-button type="primary" style="width: 30%" :loading="deleteLoading" @click="confirmDetele()">确
					定</el-button>
			</span>
		</el-dialog>
		<!-- 筛选弹窗 -->
		<div class="" wah-hotarea="click" v-show="isShow == true" v-cloak>
			<div class="weui-mask weui-animate-fade-in" wah-hotarea="click"></div>
			<div class="weui-half-screen-dialog weui-picker weui-animate-slide-up" role="dialog" aria-modal="true"
				tabindex="-1">
				<div class="ub-screeningTitle">
					<span>筛选</span>
					<p @click="isShow = false">
						<img src="images/cancel.png">
					</p>
				</div>
				<div class="ub-industry">
					<p>行业</p>
					<div class="ub-industry-content">
						<div @click="chooseIndustry(99)" :class="cateIndex == 99?'ub-selected':''">全部</div>
						<div @click="chooseIndustry(index, item.cate_id)" v-for="(item,index) in placeList"
							:class="index == cateIndex?'ub-selected':''" :key="item.cate_id">{{item.cate_name}}</div>
					</div>
				</div>
				<div class="ub-button">
					<a @click="getMyPlaceList()" class="weui-btn weui-btn_primary weui-picker__btn"
						id="weui-picker-confirm" data-action="select" role="button" wah-hotarea="click">确定</a>
				</div>
			</div>
		</div>
		<!-- <el-backtop :right="10" :bottom="100" class="ub-goTop">
				<img src="images/goTop.png" >
				回顶部
			</el-backtop> -->
		<div v-cloak v-if="backTop" class="ub-goTop" @click="topclick()">
			<img src="images/goTop.png">
			回顶部
		</div>
		<!-- 底部导航栏 -->
		<div class="ub-footerNav">
			<div role="tablist" style="background: #fff;" aria-label="选项卡标题" class="weui-tabbar">
				<a href="index.html" id="tab2" role="tab" aria-labelledby="t2_title" aria-selected="false"
					aria-controls="panel2" class="weui-tabbar__item">
					<img src="images/navIcon1.png" alt="" class="weui-tabbar__icon">
					<p aria-hidden="true" id="t2_title" class="weui-tabbar__label">地图查看</p>
				</a>
				<a href="listLook.html" id="tab3" role="tab" aria-labelledby="t3_title" aria-describedby="t3_tips"
					aria-selected="false" aria-controls="panel3" class="weui-tabbar__item">
					<div id="t3_tips" aria-hidden="true" style="display: inline-block; position: relative;">
						<img src="images/navIcon3.png" alt="" class="weui-tabbar__icon">
						<!-- <span class="weui-badge weui-badge_dot" role="img" alt="new"
							style="position: absolute; top: 0; right: -6px;"></span> -->
					</div>
					<p id="t3_title" aria-hidden="true" class="weui-tabbar__label">列表查看</p>
				</a>
				<a href="personalCenter.html" id="tab1" role="tab" aria-labelledby="t1_title" aria-describedby="t1_tips"
					aria-selected="true" aria-controls="panel1" class="weui-tabbar__item weui-bar__item_on">
					<div id="t1_tips" aria-hidden="true" style="display: inline-block; position: relative;">
						<img src="images/navIcon2-selected.png" alt="" class="weui-tabbar__icon">
						<!-- <span class="weui-badge" style="position: absolute; top: -2px; right: -13px;">8</span> -->
					</div>
					<p id="t1_title" aria-hidden="true" class="weui-tabbar__label">个人中心</p>
				</a>
			</div>
		</div>
	</div>



	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/element-ui.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jwt-decode.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/cHttp.js?v=1.0.0" type="text/javascript" charset="utf-8"></script>
	<script src="js/wxPublic.js?v=15.0.0" type="text/javascript" charset="utf-8"></script>
	<script src="js/placeManagement.js?v=1.0" type="text/javascript" charset="utf-8"></script>
</body>

</html>